<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>我要租房</title>
		<link href="__ROOT__/public/xiaoniao/css/public.css" rel="stylesheet" type="text/css">
		<link href="__ROOT__/public/xiaoniao/css/woyaozf.css" rel="stylesheet" type="text/css">
		<link rel="stylesheet" href="__ROOT__/public/xiaoniao/css/icon.css" type="text/css"/>
		<link href="__ROOT__/public/xiaoniao/css/swiper-3.4.2.min.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		<form action="" method="post">
		<!--轮播图开始-->
		<section id="header">
			
		
		<div class="swiper-container">
    		<div class="swiper-wrapper">
        		<div class="swiper-slide" >
        			<li>
        				<a href="#" class="first yi">整租<i class="y"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 20px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
						<a href="#" class="first er">公寓<i class="t"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 20px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  						<a href="#" class="first san">单间<i class="s"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 20px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
						<a href="{:U('Wechat/Fangdong/weizushiyou')}" class="first">找室友<i class="f"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 20px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
        				
        			</li>
       			 </div>
        		<div class="swiper-slide">
        			<li>
        				<a href="#" class="two wu">办公室<i class="w" ><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 20px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
						<a href="#" class="two liu">商铺<i class="l"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 20px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  						<a href="#" class="two qi">车位<i class="q"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 20px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  						
					</li>
				</div>
        	</div>
        		
        		
    		
		    <!-- 如果需要分页器
		    <div class="swiper-pagination" style="bottom:10px; opacity: 1"></div> -->
		    
		    <!-- 如果需要导航按钮-->
		    <div class="swiper-button-prev" style="background-size: 15px 44px; left: 2px;"></div>
		    <div class="swiper-button-next" style="background-size: 15px 44px; right: 2px;"></div> 
		    
		    <!-- 如果需要滚动条
		    <div class="swiper-scrollbar"></div> -->
		</div>
		</section>
	<!--轮播图结束-->
			<!--类型-->
			<input type="text" value="" name="type" hidden=""  class="one"/>
			<!--区域-->
			<input type="text" value="" name="quyu" hidden=""   class="tw"/>
			<!--装修-->
			<input type="text" name="zhuangxiu" value="" hidden=""  class="san"/>
			<!--整租类型-->
			<input type="text" name="zhengzuleixing" value="" hidden=""   class="th"/>
			<!--面积-->
			<input type="text" name="mianji" value="" hidden=""  class="four"/>
			<!--房型-->
			<input type="text" name="fangxing" value=""  hidden=""  class="si"/>
			<!--街道-->
			<input type="text" value="" name="jiedao"  hidden="" class="fi"/>
			<!--公寓方式-->
			<input type="text" value="" name="gongyufangshi"  hidden=""  class="six"/>
			<!--月租-->
			<input type="text" value="" name="yuezu"  hidden=""  class="sev"/>
	<div id="main">
			<li>
				<!--区域-->
        				<a href="#" class="first qu" style="width: 10% ;">区域<i class="a"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size: 15px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  				<!--类型-->
						<a href="#" class="first lie" >
						<select style="border: 0;" id="liexin">
							<option value="">类型</option>
	  						<option value="不限">不限</option>
							<option value="普通住宅">普通住宅</option>
							<option value="别墅">别墅</option>
							<option value="公寓">公寓</option>
							<option value="平房">平房</option>
							<option value="其它">其它</option>
							
						</select>
						<i class="b"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size:15px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  				<!--房型-->
  						<a href="#" class="first fang" style="display: none;">
						<select style="border: 0;" id="fangxin">
							<option value="">房型</option>
	  						<option value="不限">不限</option>
							<option value="一室">一室</option>
							<option value="二室">二室</option>
							<option value="三室">三室</option>
							<option value="四室">四室</option>
							<option value="其它">其它</option>
							
						</select>
						<i class="fangx"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size:15px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  				<!--月租-->
  						<a href="#" class="first yue";>
  						<select style="border: 0; " id="yuezu">
  							<option value="">月租</option>
	  						<option value="500元以下">500元以下</option>
							<option value="500-1000元/月">500-1000元/月</option>
							<option value="1000-1500元/月">1000-1500元/月</option>
							<option value="1000-1500元/月">1000-1500元/月</option>
							<option value="1500-2000元/月">1500-2000元/月</option>
							<option value="2000-2500元/月">2000-2500元/月</option>
							<option value="2500-3000元/月">2500-3000元/月</option>
							<option value="3000元以上">3000元以上</option>
						</select>		
  							<i class="c"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size:15px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  				<!--面积-->
  						<a href="#" class="first mian" style="display: none;";>
  						<select style="border: 0; " id="mianji">
  							<option value="">面积</option>
	  						<option value="50m²以下">50m²以下</option>
							<option value="50-70m²">50-70m²</option>
							<option value="70-90m²">70-90m²</option>
							<option value="90-110m²">90-110m²</option>
							<option value="110-130m²">110-130m²</option>
							<option value="130-150m²">130-150m²</option>
							<option value="150-200m²">150-200m²</option>
							<option value="200m²以上">200m²以上</option>
						</select>		
  							<i class="mianj"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size:15px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  				<!--方式-->
  						<a href="#" class="first fangs" style="display: none;";>
  						<select style="border: 0; " id="fangshi">
  							<option value="">方式</option>
	  						<option value="整组">整组</option>
							<option value="单间">单间</option>
							
						</select>		
  							<i class="fangsh"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size:15px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
  
  
  					<!--装修-->
  						<a href="#" class="first xiu">
  						<select style="border: 0;" id="zx">
  							<option value="">装修</option>
	  						<option value="不限">不限</option>
							<option value="豪华">豪华</option>
							<option value="精装">精装</option>
							<option value="中等">中等</option>
							<option value="简装">简装</option>
							<option value="毛坯">毛坯</option>
							
						</select>	
  							<i class="d"><svg class="icon" aria-hidden="true" style="color:#4e8cef;font-size:15px;position: absolute;right: 0;bottom:0;">
  <use xlink:href="#icon-left-top"></use></svg></i></a>
			</li>
			<ul>
				<dt><em class="xc">新城区</em>
					<select style="border: 0;" id="xcq">
  							<option value="">街道</option
	  						<option value="西一路街道">西一路街道</option>
							<option value="中山门街道">中山门街道</option>
							<option value="长乐中路街道">长乐中路街道</option>
							<option value="韩森寨街道">韩森寨街道</option>
							<option value="解放门街道">解放门街道</option>
							<option value="自强路街道">自强路街道</option>
							<option value="太华路街道">太华路街道</option>
							<option value="长乐西路街道">长乐西路街道</option>
							<option value="胡家庙街道">胡家庙街道</option>
						</select>	
				</dt>
				
				<dt><em class="bl">碑林区</em>
					<select style="border: 0;" id="blq">
  							<option value="">街道</option>
	  						<option value="南院门街道">南院门街道</option>
							<option value="柏树林街道">柏树林街道</option>
							<option value="长乐坊街道">长乐坊街道</option>
							<option value="东关南街街道">东关南街街道</option>
							<option value="太乙路街道">太乙路街道</option>
							<option value="文艺路街道">文艺路街道</option>
							<option value="长安路街道">长安路街道</option>
							<option value="张家村街道">张家村街道</option>
							
						</select>	
				</dt>
				<dt><em class="lh">莲湖区</em>
					<select style="border: 0;" id="lhq">
  							<option value="">街道</option>
	  						<option value="青年路街道">青年路街道</option>
							<option value="北院门街道">北院门街道</option>
							<option value="北关街道">北关街道</option>
							<option value="红庙坡街道">红庙坡街道</option>
							<option value="环城西路街道">环城西路街道</option>
							<option value="西关街道">西关街道</option>
							<option value="土门街道">土门街道</option>
							<option value="桃园路街道">桃园路街道</option>
							<option value="枣园街道">枣园街道</option>
							
						</select>	
				</dt>
				<dt><em class="yt">雁塔区</em>
					<select style="border: 0;" id="ytq">
  							<option value="">街道</option>
	  						<option value="大雁塔街道">大雁塔街道</option>
							<option value="小寨路街道">小寨路街道</option>
							<option value="长延堡街道">长延堡街道</option>
							<option value="电子城街道">电子城街道</option>
							<option value="等驾坡街道">等驾坡街道</option>
							<option value="西关街道">等驾坡街道</option>
							<option value="丈八沟街道">丈八沟街道</option>
							<option value="曲江街道">曲江街道</option>
						
						</select>	
				
				</dt>
				
				<dt><em class="bq">灞桥区</em>
					<select style="border: 0;" id="bqq">
  							<option value="">街道</option>
	  						<option value="纺织城街道">纺织城街道</option>
							<option value="十里铺街道">十里铺街道</option>
							<option value="红旗街道">红旗街道</option>
							<option value="席王街道">席王街道</option>
							<option value="洪庆街道">洪庆街道</option>
							<option value="狄寨街道">狄寨街道</option>
							<option value="灞桥街道">灞桥街道</option>
							<option value="新筑街道">新筑街道</option>
							<option value="新合街道">新合街道</option>
						
						</select>	
				
				</dt>
				
				<dt><em class="wy">未央区</em>
						<select style="border: 0;" id="wyq">
  							<option value="">街道</option>
	  						<option value="张家堡街道">张家堡街道</option>
							<option value="大明宫街道">大明宫街道</option>
							<option value="辛家庙街道">辛家庙街道</option>
							<option value="徐家湾街道">徐家湾街道</option>
							<option value="谭家街道">谭家街道</option>
							<option value="草滩街道">草滩街道</option>
							<option value="未央湖街道">未央湖街道</option>
							<option value="汉城街道">汉城街道</option>
							<option value="未央宫街道">未央宫街道</option>
							<option value="六村堡街道">六村堡街道</option>
							<option value="三桥街道">三桥街道</option>
						
						</select>	
					
				</dt>
				<dt><em class="lt">临潼区</em></dt>
				<dt><em class="ca">长安区</em></dt>
				<dt><em class="gl">高陵区</em></dt>
				<dt><em class="gx">高新区</em></dt>	
				
			</ul>
	</div>
	
	<div id="bj">
	</div>
		
		
	<div id="nav">
		<ul>
			<li class="te">您要发布租房信息为：</li>
			<li class="all">
				
					<dl><svg class="icon" aria-hidden="true" style="color:#f86d6d;font-size: 24px;">
	  <use xlink:href="#icon-fabu"></use></svg></dl><span class="zheng"></span><span class="xin"></span><span class="jie"></span><span class="lx"></span><span class="fx"></span><span class="zu"></span><span class="ji"></span><span class="shi"></span><span class="zx"></span>
				</li>
		<li>
				
					<p><svg class="icon" aria-hidden="true" style="color:#f86d6d;font-size: 24px;">
	  <use xlink:href="#icon-xingming"></use></svg><span>发布人姓名</span></p><input type="text" name="name" placeholder="请输入姓名" id="xingming"/><em id="xing"></em>
				</li>
				
				<li>
					<p><svg class="icon" aria-hidden="true" style="color:#f86d6d;font-size: 24px;">
	  <use xlink:href="#icon-kehudianhua"></use></svg><span>发布人手机</span></p><input type="tel" name="tel" placeholder="请输入手机号" id="userName"/><em id="zhi"></em>
				</li>
				<li>
					<p><svg class="icon" aria-hidden="true" style="color:#f86d6d;font-size: 24px;">
	  <use xlink:href="#icon-anquan2"></use></svg><span>验证码</span></p><input type="text" class="code" name="code" placeholder="请输入验证码"/><button style="height: .5rem ;margin: 4% 0;"; id="fs">发送验证码</button>
				</li>
		</ul>
	</div>
	
	
		<!--头部结尾-->
		<input type="submit" id="footer" value="立即发布">
		</form>		
	</body>
</html>
<script type="text/javascript" src="__ROOT__/public/xiaoniao/js/jquery-1.8.3.min.js" ></script>
<script type="text/javascript" src="__ROOT__/public/xiaoniao/js/swiper-3.4.2.min.js" ></script>
<script type="text/javascript" src="__ROOT__/public/xiaoniao/js/com.js" ></script>
<script type="text/javascript" src="__ROOT__/public/xiaoniao/js/iconfontg.js" ></script>
<script type="text/javascript" src="__ROOT__/public/xiaoniao/js/woyaozf.js" ></script>


<script>        
  var mySwiper = new Swiper ('.swiper-container', {
    direction: 'horizontal',//vertical
    loop:false,
    
    autoplayDisableOnInteraction :false,//用户操作后，autoplay不会停止
    paginationClickable :true,
    //autoplay: 5000,//可选选项，自动滑动
	speed:2000,
	//initialSlide :2,//从第二张开始
    
    // 如果需要分页器
    //pagination: '.swiper-pagination',
    
    // 如果需要前进后退按钮
	 nextButton: '.swiper-button-next',
	 prevButton: '.swiper-button-prev',
    
    // 如果需要滚动条
    /*scrollbar: '.swiper-scrollbar',
    effect : 'fade',
	fade: {
  	crossFade: false,
	}*/
  })  
  
  
</script>